<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <?php $this->load->view('head'); ?>
            <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
            <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
            <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
            <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
            <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
            <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
            <style type="text/css">
                .claseno{color:red}
                .ui-jqgrid tr.jqgrow td {
                    white-space: normal !important;
                    height:auto;
                    vertical-align:text-top;
                    padding-top:2px;
                }
            </style>
            <title></title>
            <script type="text/javascript">
                $(document).ready(function(){
                    jQuery("#list").jqGrid({
                        url: '<?php echo site_url("grilla/conServ/$transaccion/"); ?>',
                        datatype: 'json',
                        mtype: 'POST',
                        colNames:['Consultar','¿Contratado?','Postulación','Institución','Telefono','Contacto','Email'],
                        colModel :[
                            {name:'postu2',index:'postu2', width:100,sortabel:false,search:false,hidden:true},
                            {name:'tempVarchar5',index:'tempVarchar5', width:115,align:"center"},
                            {name:'tempDate1',index:'tempDate1', width:100,align:"center"},
                            {name:'tempVarchar1',index:'tempVarchar1', width:220},
                            {name:'tempVarchar2',index:'tempVarchar2', width:130},
                            {name:'tempVarchar3',index:'tempVarchar3', width:220},
                            {name:'tempVarchar4',index:'tempVarchar4', width:220}
                        ],
                        loadComplete: function(){
                            var ids = jQuery("#list").getDataIDs();
                            for(var i=0;i<ids.length;i++){
                                var cl = ids[i];
                                var ret = jQuery("#list").getRowData(cl);
                                var se = "<input type='button' onclick=\"javascript:abreVentana('" + ret.postu2 + "')\" tittle='De click para consultar la institución' value='" + ret.tempVarchar1 + "'/>";
                                jQuery("#list").setRowData(cl,{tempVarchar1:se});
                            }
                        },
                        pager: jQuery('#pager'),
                        rowNum:50,
                        rowList:[10,20,30,50],
                        sortname: 'tempVarchar5',
                        sortorder: "asc",
                        viewrecords: true,
                        multiselect: true, 
                        caption: 'POSTULADOS A SERVICIOS y/o ASESORÍAS',
                        height:260
                    });
                    //Barra de navegación
                    jQuery("#list").jqGrid('navGrid','#pager',{del:false,add:false,edit:false,view:true},{},{},{},{multipleSearch:true},{closeOnEscape:true});
                    $("#servicio").change(function(){
                        fnOferta($(this).val());
                    });
                    $("#dialog-form").dialog({autoOpen: false,height: 290,width: 500,modal: true});
                    $("#btnEjecutar").click(function(){
                        if($("#servicio").val() == ""){
                            alert("Elija una Solicitud");
                            $("#servicio").focus();
                            return false;
                        }
                        if(jQuery("#list").jqGrid('getGridParam','selarrrow') == ""){
                            alert("Debe elegir por lo menos un servicio");
                            return false;
                        }
                        if($("#accion").val() == ""){
                            alert("Elija una opción para ejecutar");
                            $("#accion").focus();
                            return false;
                        }else{
                            $("#divMotivo").css("display","none");
                            $("#divCausaCierre").css("display","none");
                            if($("#accion").val() != "cierra"){
                                var ids = jQuery("#list").jqGrid('getGridParam','selarrrow');
                                if(ids == ""){alert("Seleccione por lo menos un postulado"); return false;}
                            }else{
                                $("#divCausaCierre").css("display","block");
                            }
                            if($("#accion").val() == "selecciona"){
                                fnEjecuta();
                            }else{
                                $.post("<?php echo site_url("validacion/cuenServ"); ?>", {soli:$("#servicio").val()}, function(data){
                                    $("#inpHidden").val(data);
                                    if($("#accion").val() == "noselecciona") $("#divMotivo").css("display","block");
                                    if(parseInt(data) > 0) $("#divMotivo").css("display","block");
                                    $("#dialog-form").dialog("open");
                                    return;
                                });
                            }
                        }
                    
                    }); //fin $("#btnEjecutar").click(function(){
<?php $this->load->view('enReady'); ?>
                        }); //fin $(document).ready(function(){
                        function abreVentana(insti){
                            window.open("<?php echo site_url("empresa/consInstitucion/") . "/"; ?>" + insti, "Instituciones", "width=1300,height=500,scrollbars=YES");
                        }
                        function fnEjecuta(){
                            $.getJSON("<?php echo site_url("empresa/accServicios"); ?>", {soli:$("#servicio").val(),postulados:jQuery("#list").jqGrid('getGridParam','selarrrow'),accion:$("#accion").val(),total:$("#inpHidden").val(),motivoCierre: $("#motivoCierre").val(),causaNoContrato:$("#motivo").val()}, function(data){
                                if(parseInt(data.mensaje) != 1){
                                    alert("Se ha presentado un error en la postulación");
                                    return false;
                                }                                    
                                else
                                    alert(data.texto);
                                $.post("<?php echo site_url("recordar/envCorreoMas/servicios"); ?>", {transa:data.transaccion});
                                $("#divservicio").html('');
                                $("#divservicio").load("<?php echo site_url("empresa/consultaServicios"); ?>", function(data){
                                    fnOferta('');
                                    $("#accion").val('');
                                    $('#dialog-form').dialog('close');
                                    $("#btnConEjecuta").removeAttr("disabled");
                                });
                                return;
                            });
                        }
                        function fnOferta(val){
                            $.post("<?php echo site_url("empresa/crgS"); ?>", {transaccion:"<?php echo $transaccion; ?>",sol:val}, function(){
                                jQuery("#list").trigger("reloadGrid");
                            });
                        }
            </script>
    </head>
    <body>
        <div style="text-align: left" class="divTitulo">POSTULADOS A SERVICIOS Y/O ASESORÍAS</div>
        <table>
            <tr>
                <td><label for="servicio">Servicios y/o Asesorías</label></td>
                <td><div id="divservicio"><select id="servicio" name="servicio">
                            <option value="">Seleccione</option>
                            <?php
                            foreach ($servicios->result() as $row)
                                echo "<option value='{$row->solServyAseId}'>{$row->solServyAseNombre}</option>";
                            ?>
                        </select></div>
                </td>
            </tr>
        </table>
        <fieldset>
            <legend style="font-style: italic;font-weight: bold;font-size: 12px">ELIJA LA ACCIÓN A REALIZAR CON LA SOLICITUD ELEGIDA ANTERIORMENTE</legend>
            <table>
                <tr>
                    <td><label for="accion">Acción a realizar</label></td>
                    <td><select id="accion" name="accion">
                            <option value="">Elija</option>
                            <option value="cierra">Cerrar Oferta</option>
                            <option value="selecciona">Contratar Seleccionados</option>
                            <option value="noselecciona">Descartar Seleccionados</option>
                        </select>
                    </td>
                    <td><input type="button" id="btnEjecutar" value="Ejecutar Acción" /> </td>
                </tr>
            </table>
        </fieldset>
        <div style="">
            <input type="button" value="BUSQUEDA AVANZADA" onclick="jQuery('#list').jqGrid('searchGrid',{multipleSearch:true});" />

            <input type="button" value="VER SELECCIÓN" onclick="$('#view_list').trigger('click');" />
        </div>
        <div id="dialog-form" title="Información Útil para la Institución y Personas">
            <div id="divCausaCierre" style="display: none">
                <label for="motivoCierre" style="font-style: italic">Ingrese el motivo del cierre de la Solicitud</label><br/>
                <textarea id="motivoCierre" name="motivoCierre" rows="1" cols="40"></textarea><br/>
            </div>
            <br/>
            <div id="divMotivo" style="display: none">
                <label for="motivo" style="font-style: italic">Ingrese el motivo por el cual no contrato a alguna(s) de la(s) Institucion(es) postulada(s)</label><br/>
                <textarea id="motivo" name="motivo" rows="3" cols="40"></textarea><br/>
            </div>
            <input type="button" value="Continuar Ejecución" id="btnConEjecuta" onclick="this.disabled = true;fnEjecuta();">
                <input type="hidden" id="inpHidden" />
        </div>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
